<!doctype html>
<html lang="zh-CN">
  <head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-V3MT3HBL4N" onerror="console.log('Google Analytics blocked by ad blocker')"></script>
    <script>
      try {
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-V3MT3HBL4N');
      } catch (e) {
        console.log('Google Analytics initialization failed:', e);
      }
    </script>
    
    <!-- 51统计 JS SDK -->
    <script>
     !function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"3NQ4sGiyrhidvRH8",ck:"3NQ4sGiyrhidvRH8",autoTrack:true,hashMode:true,screenRecord:true});
    </script>
    <meta charset="UTF-8" />
    <!-- Favicon 配置 -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
    
    <!-- Apple Touch Icon -->
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    
    <!-- PWA Icons -->
    <link rel="icon" type="image/png" sizes="192x192" href="/web-app-manifest-192x192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/web-app-manifest-512x512.png" />
    
    <!-- 基本信息 -->
    <title>AiQiji工具箱 - 专业开发者设计师工具导航平台 | AI工具 | 效率工具</title>
    <meta name="description" content="AiQiji工具箱是专为开发者、设计师、产品经理和效率工具爱好者打造的专业工具导航平台。汇集前端开发、后端开发、UI/UX设计、AI人工智能、在线工具等优质资源，让工作更高效，让创作更便捷。" />
    <meta name="keywords" content="工具导航,开发者工具,设计师工具,前端开发,后端开发,UI设计,UX设计,产品设计,效率工具,在线工具,AI工具,人工智能,编程工具,代码工具,网站开发,移动开发,React,Vue,JavaScript,TypeScript,CSS,HTML,Figma,Sketch,Adobe,原型设计,接口测试,API工具,数据库工具,服务器工具,运维工具,测试工具,项目管理,团队协作,免费工具,开源工具,程序员,设计师,产品经理,技术博客,编程学习,设计素材,图标库,字体库,配色工具,代码编辑器,IDE,版本控制,Git,GitHub,云服务,CDN,域名,SSL证书,网站分析,SEO工具,性能优化,响应式设计,跨平台开发,小程序开发,AiQiji" />
    <meta name="author" content="AiQiji Team" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="language" content="zh-CN" />
    <meta name="revisit-after" content="3 days" />
    <meta name="classification" content="工具导航,开发工具,设计工具" />
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://tools.aiqji.com/" />
    
    <!-- 地理位置信息 -->
    <meta name="geo.region" content="CN" />
    <meta name="geo.placename" content="China" />
    
    <!-- 内容信息 -->
    <meta name="content-language" content="zh-CN" />
    <meta name="distribution" content="global" />
    <meta name="rating" content="general" />
    <meta name="copyright" content="© 2025 AiQiji Team. All rights reserved." />
    
    <!-- 结构化数据 -->
    <meta name="application-name" content="AiQiji工具箱" />
    <meta name="msapplication-tooltip" content="专业工具导航平台" />
    <meta name="msapplication-starturl" content="/" />
    
    <!-- Open Graph -->
    <meta property="og:title" content="AiQiji工具箱 - 专业开发者设计师工具导航平台" />
    <meta property="og:description" content="专为开发者、设计师、产品经理打造的专业工具导航平台。汇集前端开发、后端开发、UI/UX设计、AI人工智能等优质工具资源，让工作更高效，让创作更便捷。" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://tools.aiqji.com/" />
    <meta property="og:image" content="https://tools.aiqji.com/web-app-manifest-512x512.png" />
    <meta property="og:image:alt" content="AiQiji工具箱 - 专业工具导航平台" />
    <meta property="og:image:width" content="512" />
    <meta property="og:image:height" content="512" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:site_name" content="AiQiji工具箱" />
    <meta property="og:locale" content="zh_CN" />
    <meta property="og:updated_time" content="2025-09-11T12:00:00+08:00" />
    
    <!-- Open Graph - 文章特定 -->
    <meta property="article:author" content="AiQiji Team" />
    <meta property="article:publisher" content="https://tools.aiqji.com" />
    <meta property="article:section" content="工具导航" />
    <meta property="article:tag" content="开发工具" />
    <meta property="article:tag" content="设计工具" />
    <meta property="article:tag" content="AI工具" />
    <meta property="article:tag" content="效率工具" />
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="AiQiji工具箱 - 专业开发者设计师工具导航平台" />
    <meta name="twitter:description" content="专为开发者、设计师、产品经理打造的专业工具导航平台。汇集前端开发、后端开发、UI/UX设计、AI人工智能等优质工具资源。" />
    <meta name="twitter:image" content="https://tools.aiqji.com/web-app-manifest-512x512.png" />
    <meta name="twitter:image:alt" content="AiQiji工具箱 - 专业工具导航平台" />
    <meta name="twitter:site" content="@AiQiji" />
    <meta name="twitter:creator" content="@AiQiji" />
    <meta name="twitter:domain" content="tools.aiqji.com" />
    <meta name="twitter:url" content="https://tools.aiqji.com/" />
    
    <!-- 主题颜色 -->
    <meta name="theme-color" content="#071027" />
    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff" />
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#071027" />
    
    <!-- Microsoft Tiles -->
    <meta name="msapplication-TileColor" content="#071027" />
    <meta name="msapplication-TileImage" content="/web-app-manifest-192x192.png" />
    <meta name="msapplication-config" content="none" />
    
    <!-- Safari Pinned Tab -->
    <link rel="mask-icon" href="/favicon.svg" color="#071027" />
    
    <!-- PWA相关 -->
    <link rel="manifest" href="/manifest.json" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="AiQiji工具箱" />
    
    <!-- 安全和性能 -->
    <meta name="format-detection" content="telephone=no" />
    <meta name="x-apple-disable-message-reformatting" />
    
    <!-- Viewport优化 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no" />
    
    <!-- 预连接 -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- 搜索引擎收录验证 -->
    <meta name="baidu-site-verification" content="codeva-975k1ZF1w5" />
    <meta name="msvalidate.01" content="7070DD3836F4716127F5501344E6BDE1" />
    <meta name="sogou_site_verification" content="loGMXSP5vS" />
    
    <!-- 结构化数据 - JSON-LD -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "AiQiji工具箱",
      "alternateName": "AiQiji Tools",
      "description": "专为开发者、设计师、产品经理和效率工具爱好者打造的专业工具导航平台。汇集前端开发、后端开发、UI/UX设计、AI人工智能、在线工具等优质资源。",
      "url": "https://tools.aiqji.com",
      "logo": "https://tools.aiqji.com/logo.png",
      "image": "https://tools.aiqji.com/web-app-manifest-512x512.png",
      "author": {
        "@type": "Organization",
        "name": "AiQiji Team",
        "url": "https://tools.aiqji.com"
      },
      "publisher": {
        "@type": "Organization",
        "name": "AiQiji",
        "logo": {
          "@type": "ImageObject",
          "url": "https://tools.aiqji.com/logo.png",
          "width": 512,
          "height": 512
        }
      },
      "potentialAction": {
        "@type": "SearchAction",
        "target": {
          "@type": "EntryPoint",
          "urlTemplate": "https://tools.aiqji.com/?search={search_term_string}"
        },
        "query-input": "required name=search_term_string"
      },
      "audience": {
        "@type": "Audience",
        "audienceType": "开发者,设计师,产品经理"
      },
      "sameAs": [
        "https://github.com/aiqiji"
      ],
      "inLanguage": "zh-CN",
      "dateModified": "2025-09-11",
      "keywords": "工具导航,开发者工具,设计师工具,AI工具,效率工具,在线工具,编程工具,前端开发,后端开发,UI设计,UX设计"
    }
    </script>
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ItemList",
      "name": "开发者和设计师工具集合",
      "description": "精选的开发、设计、AI和效率工具合集",
      "url": "https://tools.aiqji.com",
      "numberOfItems": 13,
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "item": {
            "@type": "SoftwareApplication",
            "name": "ChatGPT",
            "description": "OpenAI开发的强大AI对话助手，能够回答问题、协助写作、编程等多种任务",
            "url": "https://chat.openai.com/",
            "applicationCategory": "AI工具",
            "operatingSystem": "Web"
          }
        },
        {
          "@type": "ListItem",
          "position": 2,
          "item": {
            "@type": "SoftwareApplication",
            "name": "GitHub",
            "description": "全球最大的代码托管平台，提供版本控制、协作开发和项目管理功能",
            "url": "https://github.com/",
            "applicationCategory": "开发工具",
            "operatingSystem": "Web"
          }
        },
        {
          "@type": "ListItem",
          "position": 3,
          "item": {
            "@type": "SoftwareApplication",
            "name": "Figma",
            "description": "基于浏览器的协作设计工具，支持UI/UX设计、原型制作和团队协作",
            "url": "https://www.figma.com/",
            "applicationCategory": "设计工具",
            "operatingSystem": "Web"
          }
        }
      ]
    }
    </script>
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "首页",
          "item": "https://tools.aiqji.com/"
        }
      ]
    }
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>
